<template>
  <div class="travelNotes">
    <div class="contents">
      <div class="item-list" v-for="item in [1,2,3,4]">
        <img src="/static/img/sy_img1.jpg" />
        <div class="introduction">
          <h3>空间立体效果图，完美呈现最终效果<a class="badge">new</a></h3>
          <h5 class="classification">设计文章</h5>
          <p>室内设计作为一门新兴的学科，尽管还只是近数十年的事，但是人们有意识地对自己生活、生产活动的室内进行安排布置，甚至美化装饰，赋予室内环境以所祈使的气氛，却早巳从人类文明伊始的时期就已存在</p>
          <a href="javascript:;" class="go-icon"></a>
        </div>
      </div>
    </div>
    <pagination :page="page" :page-size="pageSize" :total="total" :max-page="maxPage" @pagehandler="pageHandler" />
  </div>
</template>
<script>
  import pagination from "../plugin/pagination"
    export default {
        name: "travelNotes",
      data(){
        return{
          page: 1,
          pageSize: 10,
          total: 150,
          maxPage:9
        }
      },
      components:{
          pagination
      },
      methods:{
        pageHandler: function (page) {
          this.page = page;
        },
      }
    }
</script>

<style lang="scss" scoped>
  @import "../../assets/css/designArticle";
</style>
